import React from 'react';
import { Image, List } from 'antd-mobile'

const ProList = ({proList}) => {

  // console.log(proList);

  return (
    <List header='商品列表'>
    {proList.map(item => (
      <List.Item
        key={item.proid}
        prefix={
          <Image
            src={item.img1}
            fit='cover'
            width={80}
            height={80}
          />
        }
      >
        <p style={{fontSize: 14}}>{item.proname}</p>
      </List.Item>
    ))}
  </List>
  );
};

export default ProList;
